<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%@include file="/static/common/common.jsp" %>
    <script src="/static/js/insurance/temporary.js"></script>
    <style>
        .datagrid-cell-check input {
            margin-top: 2px;
        }

        .dialog-form {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            padding: 14px 20px;
            justify-content: space-around;
        }

        .dialog-form p {
            display: flex;
            padding-top: 3px;
            padding-bottom: 3px;
            align-items: center;
        }

        .dialog-form .left {
            width: 90px;
        }

    </style>
</head>
<body>
<div id="myDiv" style="width: 100%;height: 100%;">
    <table id="temporary_datagrid"></table>
</div>
<div id="temporary_toolbar">
    <a class="easyui-linkbutton" iconCls="iconfont icon-shangchuanwenjian" plain="true" data-cmd="audit">提审</a>
    <a class="easyui-linkbutton" iconCls="icon-bianji iconfont" plain="true" data-cmd="edit">编辑</a>
    <a class="easyui-linkbutton" iconCls="iconfont icon-shuaxin" plain="true" data-cmd="refresh">刷新</a>
    投保人：<input id="clientName" class="easyui-textbox">
    保单编号:<input id="sn" class="easyui-textbox">
    <a class="easyui-linkbutton" iconCls="iconfont icon-sousuo" plain="true" data-cmd="query">搜索</a>
</div>
<div id="temporary_dialog">
    <form id="insure_Form" method="post" style="height: 100%;">
        <input type="hidden" id="id" name="id"/>
        <div id="insure_panel2" class="easyui-panel" title="车辆信息"
             style="width:100%;height:45%;padding:10px;background:#fafafa;"
             data-options="collapsible:true">
            <input type="hidden" name="car.id" id="carId"/>
            <table>
                <tr>
                    <td>车主姓名:</td>
                    <td><input class="easyui-textbox" id="carOwnName" name="car.owner" required="true"/></td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>品牌:</td>
                    <td>
                        <input class="easyui-textbox" id="brand" name="car.brand"/>
                    </td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>型号:</td>
                    <td>
                        <input class="easyui-textbox" id="model" name="car.productName"/>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td>车牌号码:</td>
                    <td>
                        <input class="easyui-textbox" name="car.carNum" id="carNum" required="true"/>
                    </td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>排气量:</td>
                    <td>
                        <input class="easyui-textbox" name="car.displacement" id="exhaust"/>&nbsp;L
                    </td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>汽车分类:</td>
                    <td>
                        :<input class="easyui-ComboBox" panelHeight="auto" name="car.type" id="carClass" data-options="
                        valueField: 'val',
                        textField: 'text',
                        data:[{
                            val:'载物',
                            text:'载物'
                        },{
                            val:'载客',
                            text:'载客'
                        }]
                        " value="载物"/>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td>购置日期:</td>
                    <td>
                        <input class="easyui-datebox" name="car.purchaseDate" id="buyDate"/>
                    </td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>市场估价:</td>
                    <td>
                        <input class="easyui-textbox" name="car.evaluation" id="price"/>万
                    </td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>车载大小:</td>
                    <td>
                        <input class="easyui-ComboBox" panelHeight="auto" name="car.size" id="size" data-options="
                        valueField: 'id',
                        textField: 'text',
                        data:[{
                            id:'小型',
                            text:'小型'
                        },{
                            id:'中型',
                            text:'中型'
                        },{
                            id:'大型',
                            text:'大型'
                        },{
                            id:'超大型',
                            text:'超大型'
                        }]
                        " value="小型"/>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                </tr>
            </table>
        </div>
        <div id="insure_panel3" class="easyui-panel" title="保险产品"
             style="width:100%;height:55%;padding:10px;background:#fafafa;"
             data-options="collapsible:true">
            <input type="hidden" name="organization.id" id="organizationId"/>
            承保机构:<input id="organization_combogrid" value="请选择"/>&nbsp;<a id="add_linkbutton">添加产品</a>&nbsp;
            保险时长:<input id="burningTime" name="time"/>年<br/><br/>
            <table id="productItem_datagrid" width="100%"></table>

            总计:<span id="totalAmount" style="font-size: xx-large;color: red">0</span>元

        </div>
        <br/>
        <div id="product_dialog">
            <table id="product_datagrid"></table>
        </div>
        <div id="product_buttons">
            <a id="product_ok" class="easyui-linkbutton">确定</a>
        </div>
        <div id="dialog_buttons">
            <div id="edit_buttons">
                <a class="easyui-linkbutton" iconCls="iconfont icon-dui" plain="true" data-cmd="save">保存</a>
                <a class="easyui-linkbutton" iconCls="iconfont icon-jujue" plain="true" data-cmd="close">取消</a>
            </div>
            <div id="show_buttons">
                <a class="easyui-linkbutton" iconCls="icon-OK" plain="true" data-cmd="cancel">确定</a>
            </div>
        </div>
        <div id="productItem_buttons">
            <a id="product_remove" iconCls="iconfont icon-shanchu" class="easyui-linkbutton">删除</a>
        </div>
    </form>
</div>
<div id="audit_dialog">
    <div id="insure_panel11" class="easyui-panel" title="车辆信息"
         style="width:100%;height:45%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        <table>
            <tr>
                <td>车主姓名:</td>
                <td><input tag="carOwnName" readonly="readonly"/></td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>品牌:</td>
                <td>
                    <input tag="brand" readonly="readonly"/>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>型号:</td>
                <td>
                    <input tag="model" readonly="readonly"/>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>车牌号码:</td>
                <td>
                    <input tag="carNum" readonly="readonly"/>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>排气量:</td>
                <td>
                    <input tag="exhaust" readonly="readonly"/>&nbsp;L
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>汽车分类:</td>
                <td>
                    :<input tag="carClass" readonly="readonly"/>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>购置日期:</td>
                <td>
                    <input tag="buyDate" readonly="readonly"/>
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>市场估价:</td>
                <td>
                    <input tag="price" readonly="readonly"/>万
                </td>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                <td>车载大小:</td>
                <td>
                    <input tag="size" readonly="readonly"/>
                </td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
            </tr>
        </table>
    </div>
    <div id="insure_panel4" class="easyui-panel" title="保险产品"
         style="width:100%;height:55%;padding:10px;background:#fafafa;"
         data-options="collapsible:true">
        承保机构:<input tag="organization" readonly="readonly"/>&nbsp;&nbsp;
        保险时长:<input tag="burningTime" readonly="readonly"/>年<br/><br/>
        <table id="productItem_datagrid1" width="100%"></table>

        总计:<span id="totalAmount1" style="font-size: xx-large;color: red">0</span>元
    </div>
    <%--弹出框--%>
    <div id="client_dialog" class="easyui-dialog">
        <form method="post" class="dialog-form" id="client_form">
            <input type="hidden" name="id" id="clientId">
            <p>
                <span class="left">客户姓名:</span>
                <input name="name" class="easyui-textbox" readonly="true">
            </p>
            <p>
                <span class="left">年龄:</span>
                <input name="age" class="easyui-numberbox" readonly="true">
            </p>
            <p>
                <span class="left">性别:</span>
                <input name="gender" class="easyui-combobox"
                       data-options="valueField:'value',panelHeight:'auto',
             data:[{text:'男',value:'1'},{text:'女',value:'0'}]" readonly="true">
            </p>
            <p>
                <span class="left">职业:</span>
                <input name="job" class="easyui-combobox" readonly="true">
            </p>
            <p>
                <span class="left">薪资水平:</span>
                <input name="salary" class="easyui-combobox" readonly="true">
            </p>
            <p>
                <span class="left">电话:</span>
                <input name="tel" class="easyui-numberbox" readonly="true">
            </p>
            <p>
                <span class="left">邮箱:</span>
                <input name="email" class="easyui-textbox" readonly="true">
            </p>
            <p>
                <span class="left">客户地址:</span>
                <input name="address" class="easyui-textbox" readonly="true">
            </p>
            <p>
                <span class="left">客户来源:</span>
                <input name="source" class="easyui-combobox" readonly="true">
            </p>
            <p>
                <span class="left">QQ:</span>
                <input name="qq" class="easyui-textbox" readonly="true">
            </p>
            <p>
                <span class="left">微信:</span>
                <input name="wechat" class="easyui-textbox" readonly="true">
            </p>
            <p>
                <span class="left">身份证号:</span>
                <input name="identitynum" class="easyui-textbox" readonly="true">
            </p>
        </form>
    </div>
</div>
</body>
</html>
